<template>
	<view class="content">
		<view class="loginBox">
			<image src="../../static/img/userImg.png" mode="" class="loginImg"></image>
			<button class="login" @click="login_zheshow">一键登录</button>
		</view>
		<!-- 一键登录弹窗 -->
		<btnlogin :zheshow='zheshow' />
	</view>
</template>

<script>
	import btnlogin from '@/components/butlogin';
	export default {
		components:{
			btnlogin
		},
		data() {
			return {
				zheshow:false, // 控制弹窗显示隐藏
			}
		},
		methods: {
			login_zheshow(){
				this.zheshow = !this.zheshow
			},
			loset(Logon_Credentials){
				console.log(Logon_Credentials,'登录信息')
			}
		}
	}
</script>

<style lang="scss" scoped>
	
	.content{
		background-color: #fff;
		padding: 20rpx;
	}
	.loginImg{
		width: 120rpx;
		height: 120rpx;
	}
	
	.login{
		text-align: center;
		width: 100%;
		font-size: 30rpx;
		color: #fff;
		background-color: #6a8473;
		margin-top: 20rpx;
	}
	
	.loginBox{
		text-align: center;
		margin-top: 200rpx;
	}
</style>
